
.main{
    width: 1200px;
    margin: 0px auto;
    position: relative;
}
/* mode_data */
.mod_data{
    background-color: rgb(243,243,243);
    box-shadow: 0 0 3px 5px rgba(155,155,155,.1);
    margin-top: 30px;
}
.data__cover{
    display: inline-block;
    border-radius: 5px;
}
.data__photo{
    display: inline-block;
    top: -50px;
    left: 50px;
}
.buttons{

}
.buttons button{
    display: inline-block;
    border-radius: 25px;
    width: 120px;
    height: 40px;
    padding: 0 0px;
    text-align: center;
    border: 1px solid #c9c9c9;
}
.buttons button img{
    width: 30px;
    height: 30px;
    position: relative;
    top: 5px;
}
.buttons button p{
    display: inline-block;
    position: relative;
    top: -5px;
}
.buttons .goumai{
    border-radius: 25px;
    background-color: #33cabb;
    color: white;

}
.buttons button:hover{
    background-color: rgb(255,255,255);
    color: #1C1C1C;

}
/* detail_layout */
.detail_layout{
    margin-top: 30px;
}
.mod_songlist{
    float: left;
    display: inline-block;
    background-color: rgba(235,235,235,0.3);
    width: 875px;
    /*height: 610px;*/
    box-shadow: 0 0 3px 5px rgba(155,155,155,.1);
}
.songlist__header{
    color: rgb(195,165,153);
    height: 50px;
}
.songlist__header li{
    display: inline-block;
    line-height: 50px;
}
.songlist__header_name{
    width: 70%;
}
.songlist__header_author{
    width: 15%;
}
.songlist__header_time{
    width: 13%;
}
.songlist__list{

}
.songlist__list li{
    height: 50px;
    border-top: 1px solid rgb(200,200,200);
    line-height: 50px;
}
.songlist__list li div{
    display: inline-block;
    text-align: right;
}
.songlist__list .songlist__songname{
    width: 65%;
    text-align: left;
}
.songlist__songname .play{
    display: none;
    float: right;
}
.songlist__songname .play img{
    width: 45px;
    height: 45px;
}
.songlist__songname:hover .play{
    display: inline-block;
}
.songlist__list .songlist__artist{
    width: 13%;
}
.songlist__list .songlist__time{
    width: 12%;
}
.other_part{
    float: right;
    display: inline-block;
    margin-left: 20px;
    width: 300px;
    color:#000 ;
    line-height: 22px;
    font-size: 14px;

}

.other_part .other_zhuanji div{
    display: inline-block;
    margin: 10px;
}
.other_part img{
    width: 76.66px;
    height: 76.66px;
}
